@import './common';

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

/* 一周日历 */
.time {
  box-sizing: border-box;
  padding: 20rpx 0 16rpx;
  text-align: center;
  font-size: 24rpx;
  color: $subTextColor;
}

.time-item {
  box-sizing: border-box;
  padding-top: 4rpx;
}

 .time-action .day-text {
  border-radius: 50%;
  background-color: $mainColor;
  color: $bgWin;
}

.time-week {
  font-size: 20rpx;
  color: #888;
}

.day-text{
  display: inline-block;
  width: 50rpx;
  height: 50rpx;
  line-height: 50rpx;
  margin-top: 10rpx;
}

.time .icon {
  position: relative;
  display: block;
  width: 75rpx;
  height: 75rpx;
  margin-right: 30rpx;
  margin-top: 10rpx;
}

.time .icon-text {
  position: absolute;
  top: 26rpx;
  left: 10rpx;
  display: inline-block;
  width: 58rpx;
  height: 28rpx;
  line-height: 28rpx;
  font-size: 26rpx;
  color: #888;
  text-align: center;
}

/* 弹框 */

.model-warp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.model-warp .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 999;
}

.model-warp .container {
  position: absolute;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  /* z-index: 1000; */
  border-radius: 12rpx;  
}

.model-warp .container .box {
  position: relative;
  z-index: 1000;
  width: 74.7%;
  min-height: 900rpx;
  box-sizing: border-box;
  /* padding: 10rpx 0; */
  margin: 0 auto;
  background-color: #fff;
  border-radius: 12rpx;
}